.dialog_mask{
    top:0;
    left:0;
    z-index:100;
    position:fixed;
    width:100%;
    height:100%;
    font-size:0;
    display:none;
    text-align:center;
    white-space:nowrap;
    background:rgba(119, 119, 119, 0.7);
    
    &:after{
        content:" ";
        height:100%;
        display:inline-block;
        vertical-align:middle;
    }
    
    .mint_dialog{
        font-size:14px;
        text-align:left;
        min-width:300px;
        min-height:80px;
        display:inline-block;
        background:#ffffff;
        
        -moz-box-shadow: 0 0 27px #333333;
        -webkit-box-shadow: 0 0 27px #333333;
        box-shadow: 0 0 27px #333333;        
        
        .head{
            margin:6px;
            padding:3px 6px;
            position:relative;
            background:#15a4fa;
            
            .title{
                color:#fff;
                height:20px;
                line-height:20px;
                margin-right:20px;
            }
            
            .close_btn{
                width:20px;
                height:20px;
                top:50%;
                right:2px;
                margin-top:-10px;
                position:absolute;
                display:inline-block;
                float:right;
                background:url("close_btn.png");
                
                &:hover{
                    cursor:pointer;
                    background-position:-20px 0;
                }
            }
        }
        
        .body{
            padding:8px;
            height:100%;
            
        }
    }
}